<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://www.ccntec.com" prefix="sp" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'input.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<%@ include file="inculdes/themelib.jsp" %>

  </head>
  
  <body>
  		<sp:html.label label="默认" forId="defualt"/>
    	<sp:form.input name="aaaa" id="defualt"/>
    	
    	<sp:html.label label="有预值" forId="havavalue"/>
    	<sp:form.input name="bbbb" id="havavalue" defaultValue="xxxxx"/>
    	
    	<sp:html.label label="只读的" forId="read"/>
    	<sp:form.input name="cccc" id="read" defaultValue="xxxxx" readOnly="true"/>
    	
    	<sp:html.label label="不可用的" forId="un"/>
    	<sp:form.input name="dddd" id="un" defaultValue="xxxxx" disabled="true"/>
    	
    	<sp:html.label label="设置长度" forId="un"/>
    	<sp:form.input name="dddd" id="un" defaultValue="xxxxx" disabled="false" width="30px;"/>
    	
 <div class="widget-content padded text-center">
                      <a class="btn btn btn-default" data-content="Grunt是基于Node.js的项目构建工具。它可以自动运行你所设定的任务。Grunt拥有数量庞大的插件，几乎任何你所要做的事情都可以用Grunt实现。" data-original-title="Grunt" data-toggle="popover-top" id="popover-top" style="width:45%" title="">上</a><br>
                      <a class="btn btn btn-default" data-content="Buttons 是一个基于 Sass 和 Compass 构建的CSS按钮（button）样式库，图标采用的是Font Awesome，可以和Bootstrap融合使用。" data-original-title="Buttons" data-toggle="popover-right" id="popover-right" style="width:45%" title="">右</a>
                      <a class="btn btn btn-default" data-content="LESS为CSS赋予了动态语言的特性，如变量、继承、运算、函数。LESS既可以在客户端上运行 (支持IE 6+、Webkit、Firefox)，也可以借助Node.js或者Rhino在服务端运行。" data-original-title="LESS" data-toggle="popover-left" id="popover-left" style="width:45%" title="">左</a>
                      <a class="btn btn btn-default" data-content="LayoutIt! 可拖放排序在线编辑的Bootstrap可视化布局系统。由4wer同学汉化整理。" data-original-title="LayoutIt!" data-toggle="popover-bottom" id="popover-bottom" style="width:45%" title="">下</a>
                    </div>
                    
                    <a class="" data-toggle="tooltip" id="tooltip-top" style="width:45%" title="" data-original-title="提示内容">上 </a>
           </body>
</html>
